<template>
  <view class="container">
    <!-- 数据列表 -->
    <view v-for="item in processedData" :key="item.id" class="data-item">
        <p>ID号: {{ item.id }}</p>
		<p>平台: {{ item.platformName }}</p>
		<p>审核状态: {{item.modifiedProperty}}</p>
		<button @click='checkInfo(item.id)' :disabled="item.ifDisabled">审核</button>
    </view>

    <!-- 分页器 -->
    <view class="pagination">
      <button 
        class="page-btn" 
        :disabled="currentPage === 1" 
        @click="changePage(currentPage - 1)"
      >
        上一页
      </button>

      <text class="page-info">第 {{ currentPage }} 页 / 共 {{ totalPages }} 页</text>

      <button 
        class="page-btn" 
        :disabled="currentPage === totalPages" 
        @click="changePage(currentPage + 1)"
      >
        下一页
      </button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      dataList: [], // 当前页的数据
      currentPage: 1, // 当前页码
      pageSize: 10, // 每页条数
      totalPages: 0, // 总页数
	  id:1,
	  storeId:1,
	  merchantId:1,
	  isDisabled:true,
	  
    };
  },
  computed:{
	  processedData(){
		  return this.dataList.map(item=>({
			  ...item,
			  modifiedProperty:this.modifiedProperty(item),
			  ifDisabled:this.ifDisabled(item),
		  }));
	  },
  },
  onShow() {
	  const pages = getCurrentPages();  // 获取当前页面栈
	  const currentPage = pages[pages.length - 1];  // 获取当前页面对象
	  const options = currentPage.options;  // 获取页面跳转时的参数
	  console.log('页面跳转时的参数:', options);
	  this.merchantId=options.status
	  console.log(options.status)
      this.fetchData(); // 页面加载时获取数据
  },
 methods: {
	 checkInfo(id){
		console.log("id:"+id);
		uni.navigateTo({
		url:`/pages/check/check?status=${id}`
		})
	 },
   // 修改属性
   modifiedProperty(item) {
     if (item.status == 1) {
      return   item.status = '待审核';  // 修改 item 对象的 status 属性
     } else if (item.status == 2) {
       return item.status = '通过';  // 修改 item 对象的 status 属性
     } else if (item.status == 3) {
       return item.status = '驳回';  // 修改 item 对象的 status 属性
     }
   },
 ifDisabled(item){
 if (item.status == 1) {
      return  true;  // 修改 item 对象的 status 属性
     } else if (item.status == 2) {
       return false;  // 修改 item 对象的 status 属性
     } else if (item.status == 3) {
       return false // 修改 item 对象的 status 属性
     }
 },
   // 获取数据
   async fetchData() {
     try {
       const response = await uni.request({
         url: 'http://zhaoyang.nat300.top/review/selectAll', // 替换为你的接口地址
         method: 'POST',
         data: {
           merchantId: this.merchantId,
           page: this.currentPage,
           size: this.pageSize,
         },
         header: {
           'content-type': 'application/json', // 默认值
         },
         success: (res) => {
           console.log('POST 请求成功:', res);
           // 处理请求状态
           if (res.statusCode === 200) {
             const resData = res.data;
             this.dataList = resData.data; // 当前页数据
             this.totalPages = Math.ceil(resData.total / this.pageSize); // 计算总页数
				
           } else {
             uni.showToast({
               title: '获取数据失败',
               icon: 'none',
             });
           }
         },
         fail: (error) => {
           console.error('POST 请求失败:', error);
           uni.showToast({
             title: '请求失败，请重试',
             icon: 'none',
           });
         },
       });
     } catch (error) {
       console.error('请求异常:', error);
       uni.showToast({
         title: '请求异常，请重试',
         icon: 'none',
       });
     }
   },
 
   // 切换页码
   changePage(page) {
     if (page > 0 && page <= this.totalPages) {
       this.currentPage = page;
       this.fetchData();
     }
   },
 }

}
</script>

<style scoped>
.container {
  padding: 20px;
}
.data-item {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.page-btn {
  padding: 10px 15px;
  background-color: #007aff;
  color: white;
  border: none;
  border-radius: 5px;
  margin: 0 10px;
  cursor: pointer;
}
.page-btn:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.page-info {
  margin: 0 10px;
  font-size: 16px;
}
</style>
